// screen and (max-width: 480px)
@include media-query(palm) {
    ...
}
 
// screen and (min-width: 481px) and (max-width: 1023px)
@include media-query(lap) {
    ...
}
 
// screen and (min-width: 481px)
@include media-query(lap-and-up) {
    ...
}
 
// screen and (max-width: 1023px)
@include media-query(portable) {
    ...
}
 
// screen and (min-width: 1024px)
@include media-query(desk) {
    ...
}
 
// screen and (min-width: 1280px)
@include media-query(desk-wide) {
    ...
}
 
// screen and (min-width: 1920px)
@include media-query(full-hd) {
    ...
}
 
// (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)
@include media-query(retina) {
    ...
}